*{margin: 0;padding: 0;font-size: 14px;font-family: "微软雅黑";}



a{text-decoration: none;}



li{list-style: none;}



img{border: none;}



section{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}



.divBox{width:1200px;margin: 0 auto;}



header .top:after, header .top ul:after, .divBox:after, .product .products:after, .case .cases ul:after, .cantact .cantactList:after,



.news .newsBox div:after, .news .companyNews div:after, .newsList:after, .newsList li:after, .cantact .cantactList>li:last-child li:after,



.cantact .cantactList>li:first-child li:after, footer .divBox:after, footer .divBox ul:after, .theHistoryItem ul li div:after,



.pinzhiBar .swiper-slide ul:after, .rongyu ul:after, .yello a:after, .theProduct1 .theProductMan li>div:after, .theProduct1 .divBox:after,



.theProduct1 .page ul:after, .theService .theServices .theServiceTitle:after, .theService .theServices .theServiceList:after,



.theService .theProductTitle:after, .theService .theServices .theServiceList>li div>ul:after, .theService .theServices .theServiceList>li>div.mafan ul li:after,



.theSearchMan.theNewsList:after, .theCase ul.thcaseList:after, .theCaseNav:after,.theMap .theMapList>li:after, .theProduct1 .theProductMan:after,



.theCantact2 ul li:after, .theCantact1-man ul:after, .theRecruitment .theRecruitmentList>li ul:after, .theTouzi ul:after,



.theGonggao .swiper-slide ul li:after, .theProductXQ-2:after, .theProductXQ li:nth-child(3) .theProductXQ-2 ul:after,



.theProductXQ li:nth-child(3) .theProductXQ-2  .right div:after, .xqRightList:after, .zhuti ul:after{content: '';display: block;clear: both;}







nav a, .news .divBox div div a:last-child span, .news .divBox div div a:last-child p, .news .divBox div div a:last-child time,



.newsList li a span, .newsList li a p, .newsList li a time, .teamItem .swiper-slide a div p, .teamItem .swiper-slide a div span, .theCaseNav a,



.theCaseMan div a, .theNewsXQ .divBox>ul a, .theNewsXQ .divBox .theNewsXQ2 a, footer .divBox ul li a, .cantact .cantactList>li:first-child li p,



.cantact .cantactList>li:last-child ul li:last-child p a{transition: color 0.3s;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;-o-transition: color 0.3s;}







.more, .more:before,.more span, .history .swiper-slide a div p, .history .swiper-slide a:hover time, .history .swiper-slide a:hover span, 



.case .cases ul li p, .case .cases ul li.cseLast .more1 span, .teamItem .swiper-slide a>span, .teamItem .swiper-slide a div,



.theAbout .divBox>span, .theHistoryItem .swiper-slide ul li, .theHistoryItem .swiper-slide ul li div h3, .theHistoryItem .swiper-slide ul li div span,



.theHistoryItem .swiper-slide ul li div div, .theHistoryItem .swiper-slide ul li div div p, .theTeam ul li, .zhuti ul li div div h2, .zhuti ul li div div p, 



.zhuti ul li div div .more span, .zhuti ul li, .zhuti ul li div div h2:after, .rongyu ul li div, .theProduct1 .productClass ul li, .zhuti ul li>div,



.theProduct1 .productClass ul li a, .theProduct1 .theProductMan li>div div h2, .theProduct1 .theProductMan li>div div p,



.theProduct1 .theProductMan li>div div p:after, .theProduct1 .theProductMan li>img, .theProduct1 .theProductMan li>div,



.theProduct1 .page ul li a, .theProduct1 .page>a, .theService .theServices .theServiceTitle li a, .theService .theServices .theServiceTitle li,



.theSearchMan .theSearchList li, .theSearchMan .theSearchList li a, .page a, .theSearchMan.theNewsList .theSearchList li time,



.theSearchMan.theNewsList .theSearchList li span, .theCase ul.thcaseList li a, .theCase ul.thcaseList li div, .theCase ul.thcaseList li div h3,



.theCase ul.thcaseList li img, .theRecruitment .theRecruitmentList>li div, .theRecruitment .theRecruitmentList>li div p,



.theRecruitment .theRecruitmentList>li div span, .theRecruitment .theRecruitmentList>li div span:after, header .nav .navbar span,



.theCantact1-man>ul li a, .theCantact1-man>ul li, .btn, .cantactMapMod span:before, .cantactMapMod span:after, .yuanjing ul li svg,



.cantactMapMod span, .theCantact .theCantactMap .cantactMapMod, .theTouzi ul li a, .theGonggao .swiper-slide ul li .ggTime,



header .navbar span, .news .divBox div.companyNews div a, .news h3, .news .divBox div div a, .cantact .cantactList>li:first-child li span,



header .nav nav ul>li ul, header .nav nav>ul>li ul li{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}



header, section{width: 100%;}



header{position: relative;}



header .top, header .nav{height: 50px;line-height: 50px;color: #fff;padding: 0 30px;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}



header .top{background: #203471;}



header .top p{color: #fff;float: left;}



header .top ul, header .top ul li{float: left;}



header .top ul li{margin-right: 23px;}



header .top ul li span{width: 15px;height: 15px;line-height: 15px;text-align: center;margin-right:15px;vertical-align: middle; display: inline-block; border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #fff;}



header .top ul li span img{display: block;margin: 4px auto;}



header .top .language{float: right;}



header .top .language a{color: #fff;text-align: center;display: inline-block;}



header .top .language a.cn{padding:0 25px;}



header .top .language a.en{width: 90px; background: rgba(0,0,0,0.1);}



header .nav{height: 94px;line-height: 94px; background: #fff;position: relative;}



header .nav h1{float: left;padding-top: 23px;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0;line-height: 0;}



header .nav .search{float: right;width: 90px;height: 100px;background: #B19464 url(ico-header-search.png) no-repeat center;cursor: pointer;position: absolute;right: 30px;top: 0;z-index: 9;}



header .nav nav{float: right;margin-right: 90px;}



header .nav nav>ul{float: right;}



header .nav nav>ul>li{float: left;position: relative;}



header .nav nav>ul>li>a{font-size: 12px;color: #646464;padding: 0 38px;position: relative;}



header .nav nav>ul>li>a:after{content: '';display: block;width: 1px;height: 10px;background: #646464; position: absolute;right: 0;top: 50%;margin-top: -5px;}



header .nav nav>ul>li:last-child a:after{display: none;}



header .nav nav>ul>li.active>a, header .nav nav>ul>li:hover>a{color: #B19464;}



header .nav nav>ul>li.active:after{content: '';display: block;width: 30px;height: 4px;background: #B19464;position: absolute;bottom: 0;left: 50%;margin-left: -15px;}



header .nav nav>ul>li ul{width: 140px;background: #fff; position: absolute;top: 90px;left: 50%;margin-left: -70px;border-top: 4px solid #B19464; box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);;-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);;-moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);;-o-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.3);;z-index: -1;opacity: 0;}



header .nav nav>ul>li ul li{border-bottom: 1px solid #fff;}



header .nav nav>ul>li ul li a{display: block;height: 38px;line-height: 38px;padding: 0 35px;font-size: 13px;color: #646464;overflow:hidden;}



header .nav nav>ul>li ul li.active, header .nav nav>ul>li ul li:hover{background: #B19464;}



header .nav nav>ul>li ul li.active a, header .nav nav>ul>li ul li:hover a{color: #fff;font-weight: bold;}



header .nav nav>ul>li:hover ul{z-index: 999999;opacity: 1;}



header .nav .navbar{width: 60px;float: right;margin-top: 33px;margin-right: 20px;display: none;}



header .nav .navbar span{width: 100%;height: 5px;background: #1A3471;display: block;margin-bottom: 5px;}



header .nav .navbar.active span:first-child{width: 50%;}



header .nav .navbar.active span:last-child{width: 50%;margin-left: 50%;}



header .nav .navbar.active span:nth-child(2){width: 50%;margin-left: 25%;}



footer{background: #20326A;}



footer .divBox{height: 42px;line-height: 42px;}



footer .divBox p{float: left;color: #fff;}



footer .divBox ul{float: right;}



footer .divBox ul li{float: left;}



footer .divBox ul li a{padding: 0 5px;position: relative;color: #fff;}



footer .divBox ul li a:after{position: absolute;width: 1px;height: 12px;background: #fff;right: 0;top: 3px;content: '';display: block;}



footer .divBox ul li:last-child a:after{display: none;}



footer .divBox ul li:hover a{color: rgba(255,255,255,0.5);}



header .navbar{width: 50px;margin-right: 50px;margin-top: 40px;cursor: pointer;display: none;}



header .navbar span{width: 100%;height: 5px;background: #1F9AE2;margin-bottom: 3px;display: block;}



header .navbar.active .s1{width: 20px;}



header .navbar.active .s2{width: 35px;}







.h2Box{font-size: 30px;text-align: center;}



.pBox, .pBox span{font-size: 22px;font-weight: bold;}



.pBox{width: 305px;padding-bottom: 45px;border-bottom: 1px solid #DCDCDC;position: relative;font-size: 16px;margin: 0 auto;text-align: center;}



.pBox:after{position: absolute;content: '';display: block;width: 30px;height: 5px;left: 50%;margin-left: -15px; bottom: -3px;}



.pBox span{color: #203471;}



.product .h2Box{color: #444444;}



.product .pBox{color: #bfbfbf;margin-bottom: 50px;}



.product .pBox:after{background: #D1D1D1;}







.cantact{background: #EBEEF0;padding: 70px 0;}



.cantact .h2Box{color: #fff;}



.cantact .cantactList{margin: 75px 0 70px;}



.cantact .cantactList>li{float: left;}



.cantact .cantactList>li>p{font-size: 18px;color: #fff;margin-bottom: 25px;font-weight: bold;}



.cantact .cantactList>li li{margin-bottom: 9px;}



.cantact .cantactList>li li p{color: #fff;line-height: 24px;}



.cantact .cantactList>li:last-child{margin-right: 0;float: right;}



.cantact .cantactList>li:last-child li{padding-bottom: 4px;margin-bottom: 4px;}



.cantact .cantactList>li:last-child li p{float: left;margin-top: 18px;}



.cantact .cantactList>li:last-child li a{margin-left: 50px;float: right;}



.cantact .cantactList>li:last-child li a img{display: block;}



.cantact .cantactList>li:last-child li{}



.cantact .cantactList>li:last-child li:last-child{border-top: 2px solid #E0E2E4;}



.cantact .cantactList>li:last-child ul li:last-child p{float: none;margin-top: 2px;}



.cantact .cantactList>li:last-child ul li:last-child p a{color: #fff;float: none;margin-left: 0;}



.cantact .cantactList>li:last-child ul li:last-child p:hover a{color: #B19464;}



.cantact .cantactList>li form li input{width: 260px;height: 35px;text-indent: 15px; border: 1px solid #E0E2E4;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-right: 24px;}



.cantact .cantactList>li form li input:last-child{margin-right: 0;}



.cantact .cantactList>li form li textarea{width: 100%;padding: 15px;resize: none; border: 1px solid #E0E2E4;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}



.cantact .cantactList>li form li{margin-bottom: 8px;position: relative;}



.cantact .cantactList>li form li:last-child input{width: 90px;height: 25px;text-indent: 0; background: #20326A;color: #fff;



												border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-align: center;



												position: absolute;right: 6px;bottom: 6px;}



.cantact .cantactList>li:first-child{margin-right: 105px;}



.cantact .cantactList>li:first-child li span, .cantact .cantactList>li:first-child li p{float: left;}



.cantact .cantactList>li:first-child li span{margin-right: 12px;width: 44px;height: 44px;border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}



.cantact .cantactList>li:first-child li:hover span{border-color: #B19464;}



.cantact .cantactList>li:first-child li:hover p{color: #B19464;}



.cantact .cantactList>li:first-child li:first-child span{background: url(c1.png) no-repeat center;}



.cantact .cantactList>li:first-child li:nth-child(2) span{background: url(c2.png) no-repeat center;}



.cantact .cantactList>li:first-child li:last-child span{background: url(c3.png) no-repeat center;}



.cantact .cantactList>li:first-child li:first-child:hover span{background: url(c1-1.png) no-repeat center;}



.cantact .cantactList>li:first-child li:nth-child(2):hover span{background: url(c2-1.png) no-repeat center;}



.cantact .cantactList>li:first-child li:nth-child(3) span{background: url(c3-1.png) no-repeat center;}



.cantact .cantactList>li:first-child li:last-child span{background: url(c-4.png) no-repeat center;}











.more{width: 185px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;position: relative;display: block;}



.more span{position: absolute;top: 0;left: 50%;margin-left: -57px;color: #8E8E8E; text-align: left; display: block;width: 114px;height: 100%;background: url(ico-right02.png) no-repeat 80px center;}



.more:before{position: absolute;content: '';display: block;width: 0;height: 100%;top: 0;left: 0;background: rgba(26,52,113,0.8);z-index: 0;}



.more:hover:before{width: 100%;}



.more:hover{box-shadow: 0 0 1px 2px rgba(255,255,255,0.2);-webkit-box-shadow: 0 0 1px 2px rgba(255,255,255,0.2);}











.swiper-pagination{left: 50%;-webkit-transform: translate3d(-50%,0,0);



								    -ms-transform: translate3d(-50%,0,0);



								    -o-transform: translate3d(-50%,0,0);



								    transform: translate3d(-50%,0,0);}



.swiper-pagination-bullet{background: rgba(0,0,0,0);border: 1px solid #F7AD39;width: 15px;height: 15px;margin: 0 14px;}



.swiper-pagination-bullet-active{background: #B19464;box-shadow: 0 0 1px 3px rgba(177,148,100,0.6);border-color: #B19464;}







.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(ico-team-right01.png) no-repeat center;}



.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background-image: url(ico-team-left.png);}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(ico-team-right02.png) no-repeat center;}



.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{background-image: url(ico-team-right.png);}







.theServices1 .theServiceList p{text-indent: 2em;line-height: 24px;}



.theService .theServices.theServices1 .theServiceList>li h4{text-indent: 70px;}



.theService .theServices.theServices1 .theServiceList>li div ul li{padding: 10px 25px 10px 59px;box-sizing: border-box;-webkit-box-sizing: border-box;cursor: pointer;color: #444;}



.theService .theServices.theServices1 .theServiceList>li div ul li:nth-child(2n){background-color: #F3F4F6;}



.theService .theServices.theServices1 .theServiceList>li div ul li:hover{color: #B19464;background-image:url(ico-service002.png);background-position: 25px 13px;background-repeat: no-repeat;}







header #search{position: absolute;left: 50%;z-index: 9999;background: #1a3471;padding-right: 10px;margin-left: -124px;}



header #search input{width: 200px;height: 30px;text-indent: 1em;margin-right: 10px;}



header #search a img{vertical-align: middle;border: none;}



















.more:hover span{background-image: url(ico-right.png); color: #fff;}